<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Login Page | HATC Premium Admin</title>
        <link rel="stylesheet" href="<?php echo base_url(); ?>back_end/css/style.css" type="text/css" />
        <script type="text/javascript" src="<?php echo base_url(); ?>back_end/js/plugins/jquery-1.7.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>back_end/js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.loginform button').hover(function() {
                    $(this).stop().switchClass('default', 'hover');
                }, function() {
                    $(this).stop().switchClass('hover', 'default');
                });

                $('#login').submit(function() {
                    var u = jQuery(this).find('#username');
                    if (u.val() == '') {
                        jQuery('.loginerror').slideDown();
                        u.focus();
                        return false;
                    }
                });

                $('#username').keypress(function() {
                    jQuery('.loginerror').slideUp();
                });
            });
        </script>
        <!--[if lt IE 9]>
                <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
        <![endif]-->
        <meta charset="UTF-8"></head>

    <body class="login">

        <div class="loginbox radius3">
            <div class="loginboxinner radius3">
                <div class="loginheader">
                    <h1 class="bebas">Đăng nhập</h1>
                    <div class="logo"><img src="<?php echo base_url(); ?>back_end/images/starlight_admin_template_logo.png" alt="" /></div>
                </div><!--loginheader-->

                <div class="loginform">
                    <div class="loginerror" <?php if($this->session->flashdata('login_error')){echo 'style="display:block;"';}?>><p>Tên đăng nhập hoặc mật khẩu không đúng</p></div>
                    <form id="login" action="" method="post">
                        <p>
                            <label for="username" class="bebas">Tên đăng nhập</label>
                            <input type="text" id="username" name="username" class="radius2" />
                        </p>
                        <p>
                            <label for="password" class="bebas">Mật khẩu</label>
                            <input type="password" id="password" name="password" class="radius2" />
                        </p>
                        <p>
                            <button class="radius3 bebas">Đăng nhập</button>
                        </p>

                    </form>
                </div><!--loginform-->
            </div><!--loginboxinner-->
        </div><!--loginbox-->

    </body>
</html>
